<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>测试文档无标题</title>
	<style type="text/css">
	* {
		padding: 0;
		margin: 0;
	}
    </style>
</head>
<body>
	<h1>Hello</h1>
	<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.js"></script>
	<script type="text/javascript">
	function div(options = {}) {
	  let div = document.createElement("div");
	  div.style.width = options.width ? options.width : "100px";
	  div.style.height = options.height ? options.height : "100px";
	  div.style.backgroundColor = options.bgcolor ? options.bgcolor : "red";
	  document.body.appendChild(div);
	}

	function div2(options = {}) {
	  let div = document.createElement("div");
	  div.style.width = options.width ||  "100px";
	  div.style.height = options.height ||  "100px";
	  div.style.backgroundColor = options.bgcolor || "orange";
	  document.body.appendChild(div);
	}
	div();
	div2();
	</script>
</body>
</html>